<!DOCTYPE html>
<html>
<head>  
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <title>公司打卡</title>
  <title></title>
  <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">

  <style type="text/css">
    .main {
      max-width: 1024px;
      margin : 0 auto;
    }
    .main img {
      width : 30%;
    }
    .list {
      margin-left : 10px;
    }
    .main button {
      width : 100%;
      height : 60px;
    }
    .anchorBL{  
      display:none;  
    }  
  </style>
</head>
<body>
  <div class="main">
    <code style="display: none;">
      <div>经度：<span class="v" id="latitude"></span></div>
      <div>纬度：<span class="v" id="longitude"></span></div>
    </code>
    <div id="baidu_map" style="height:300px;margin:20px;">
      
    </div>

    <div style="text-align: center;">
      <div id="success" style="display: none;">
        <img src="/img/success_512px.png">
        <div class="am-alert am-alert-success">
          签到成功！
        </div>
      </div>
      <div id="fail" style="display: none;">
        <img src="/img/delete_512px.png">
        <div class="am-alert am-alert-danger" id="error_msg">
        </div>
      </div>      
    </div>
    <div class="test" style="text-align: center;">
      <button class="am-btn am-btn-warning am-round " onclick="sign();" style="width:30%;">
        <i class="am-icon-hand-o-up"></i>
        签  到
      </button>
      <!-- <button type="button" class="am-btn am-btn-warning" onclick="sign();">签到</button> -->
    </div> 
    <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
    <div class="list">
      <h3>当日打卡流水：</h3>
      <ul class="am-list am-list-static" id="list">
      </ul>
    </div>       
    {% include "bottom.html" %}
  </div>
</body>
<script type="text/javascript" src="/lib/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eH854SCeN2oruXO6RCysnmb7Gqg28xx4"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/sign.js"></script>
</html>